<template>

    <div class="box">
        <span>
            <h1>个人信息</h1>
        </span>

        <span>
            <el-input-tag
        v-model="input"
        placeholder="姓名"
        aria-label="Please click the Enter key after input"
        />
        </span>
        <span>
            <el-input-tag
            v-model="input"
            placeholder="编号"
            aria-label="Please click the Enter key after input"
         />
        </span>
    <span>
        性别
        <el-radio-group v-model="radio2">
        <el-radio value="1"> 男</el-radio>
        <el-radio value="2">女</el-radio>
        </el-radio-group>
    </span>
    <span>
        <el-input-tag
      v-model="input"
      placeholder="手机号"
      aria-label="Please click the Enter key after input"
    />
    </span>
    <span>
        <el-input-tag
      v-model="input"
      placeholder="学校"
      aria-label="Please click the Enter key after input"
    />
    </span>
    <span>
        <el-input-tag
      v-model="input"
      placeholder="专业"
      aria-label="Please click the Enter key after input"
    />
    </span>
    
    <span>
        人员属性
        <el-checkbox v-model="checked1" label="群众" border />
        <el-checkbox v-model="checked2" label="团员" border />
        <el-checkbox v-model="checked3" label="党员" border />
    </span>
    <span class="sp-opt">
        <el-button type="primary">
      提交<el-icon class="el-icon--right"><Upload /></el-icon>
    </el-button>
    </span>
   


    </div>

    
    
  </template>
  
  <script lang="ts" setup>
  import { ref } from 'vue'
  const input = ref<string[]>()

  let radio2=ref('') 


    const checked1 = ref(false)
    const checked2 = ref(false)
    const checked3 = ref(false)
</script>

<style>
body {
    margin: 0;
    padding: 0;
    background-color: darkgray;
    display: flex;
    width: 100%; 
    min-height: 100vh;  
    justify-content: center;
}

.box{
    width: 95vw;
    height: 70%;
    background-color:#E0FFFF;
    margin: 40px auto; 
    border-radius: 10px;
   
}
span{
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-top: 3px;
}
.sp-opt{
    margin-top: 10px;
    display: flex;
    justify-content: center;
}



</style>